$(function () {

  $('#link_reg').on('click', function () {
    $('.login-box').hide();
    $('.reg-box').show()
  })
  $('#link_login').on('click', function () {
    $('.login-box').show();
    $('.reg-box').hide()
  })

  var form = layui.form;
  form.verify({
    // 自定义了一个叫做 pwd 校验规则
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    repwd: function (value) {
      var val = $('.reg-box [name=password]').val()
      if (val !== value) {
        return "两次输入的密码不一致！"
      }
    }
  })

  var layer = layui.layer

  $('#form_reg').on('submit', function (e) {
    e.preventDefault()
    var data = {
      username: $('#form_reg [name=username]').val(),
      password: $('#form_reg [name=password]').val()
    }

    $.post('/api/reguser', data,
      function (set) {
        if (set.status !== 0) {
          return layer.msg(set.message)
        }
        layer.msg("注册成功，请登录！")
        $('#link_login').click()
      })
  })

  $('#form_login').on('submit', function (e) {
    e.preventDefault()
    $.ajax({
      url: '/api/login',
      type: 'post',
      data: {
        username: $('#form_login [name=username]').val(),
        password: $('#form_login [name=password]').val()
      },
      success: function (set) {
        if (set.status !== 0) {
          return layer.msg(set.message)
        }

        localStorage.setItem('token', set.token)
        location.href = '/index.html'
      }
    })
  })
})